<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta charset="utf-8">
<jsp:include page="/common/commonCss.jsp"></jsp:include>
<jsp:include page="/common/commonJs.jsp"></jsp:include>
<script language="javascript" src="<%=request.getContextPath()%>/commonJs/tags/My97DatePicker/WdatePicker.js"></script>
<title>嘉童游乐中心</title>
</head>
<body class="bg">

<div class="content m_auto">
	<div class="content_l mt10">
    	<ul>
        	<li><a href="file_single_x.html"><i class="nav_icon_b"></i><br>会员管理</a></li>
            <li><a href="file_visitor.html"><i class="nav_icon_d"></i><br>访客管理</a></li>
            <li class="content_hover"><a href="file_single.html"><i class="nav_icon_a"></i><br>非会员管理</a></li>
            <li><a href="${basePath }parreserve/parReserveManages.shtml?indexflag="><i class="nav_icon_g"></i><br>预约管理</a></li>
            <li><a href="file_service.html"><i class="nav_icon_h"></i><br>客户服务</a></li>
            <li><a href="file_crm.html"><i class="nav_icon_n"></i><br>客户关系管理</a></li>
        </ul>
    </div>
    <div class="content_r mt10">
        <div class="collection_l fixed">
        	<div class="collection_t ml10 fixed">
            	<a class="collection_t_l" href="#"></a>
            	<div class="collection_contet mt20">
                	<div class="collection_img fl">
                    	<span class="collection_span">
                        	<i>2014.05.23</i>
                            <img class="colle_img" src="../../commonCss/images/303.png" width="150" height="198">
                        </span>
                        <a  href="#"  onClick="$('#addfl').window('open')"  style="border-right:1px solid #ccc; width:82px;"><i class="editor_icon"></i></a>
                        <a href="#"><i class="delete_icon"></i></a>
                    </div>
                    <div class="collection_text fl">
                    	<div class="fl">
                            <h2><i class="f24">陈华</i><em class="ml10">男</em></h2>
                            <ul class="f14 mt20">
                                <li>生日：23/06/2014，中国</li>
                                <li>非会员#或者会员#</li>
                                <li>可消费余额</li>
                                <li>单独游玩免责声明已签署</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <a href="#" class="collection_t_r"></a>
                <a  href="#"  onClick="$('#addfl').window('open')" class="collection_add fr"><img src="../../commonCss/images/index_02.gif"></a>
            </div>
            <div class="collection_b ml10 fixed border_top">
            	<a class="collection_t_l" href="#"></a>
            	<ul>
                   <li>
                    	<h1>妈妈</h1>
                        <p class="coll_img">
                        	<i>2014.05.23</i>
                        	<img src="../../commonCss/images/15-1.png" width="102" height="136">
                        </p>
                        <dl class="collection_t_l_dl">
                        	<dd>李璐
                            <a href="#" class="delete_icon fr ml10"></a>
                            <a href="#" onClick="$('#addf2').window('open')"  class="editor_icon fr"></a></dd>
                            <dd>13695847854</dd>
                            <dd>lilu-123@136.com</dd>
                            <dd><i class="jiel_icon"></i><i class="qians_icon ml10" title="可消费余额"></i></dd>
                        </dl>
                    </li>
                    <li>
                    	<h1>外婆</h1>
                        <p class="coll_img">
                        	<i>2014.05.23</i>
                        	<img src="../../commonCss/images/12-1.png" width="102" height="136">
                        </p>
                        <dl class="collection_t_l_dl">
                        	<dd>李璐露露
                            <a href="#" onClick="$('#r').window('open')" class="delete_icon fr ml10"></a>
                             <a href="#" onClick="$('#addf2').window('open')" class="editor_icon fr"></a></dd>
                            <dd>13695847854</dd>
                            <dd>lilu-123@136.com</dd>
                            <dd><i class="jiel_icon"></i><i class="qians_icon ml10" title="可消费余额"></i></dd>
                        </dl>
                    </li>
                   <li>
                  		 <h1></h1>
                   		<p>
                       		 <a href="#" onClick="$('#addf2').window('open')" ><img class="collection_jia" src="../../commonCss/images/index_02.gif" width="120" height="154"></a>
                      </p>
                   </li>
                </ul>
                <a class="collection_t_r ml-10" href="#"></a>
            </div>
        </div>
        <div class="collection_r">
        	<div class="tab_normal">
                <ul id="tab_a" class=" fixed">
                    <li>购票历史</li>     
                    <li>消费历史</li>   
                    <li>客服历史</li>                 
                </ul>
                 <ul id="tab_conbox_a" class="fixed">
                    <li>
                    	<table class="table">
                        	<tr>                                                   
                            	<th width="40">序号</th>
                                <th>儿童名称</th>
                                <th>票类</th>
                                <th>购票时间</th>
                                <th>状态</th>
                            </tr>
                            <tr>
                            	<td>1</td>
                                <td>陈华</td>
                                <td>1+1</td>
                                <td>2014.07.14  15:30:21</td>
                                <td>已购票</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                <td>陈华</td>
                                <td>1+1</td>
                                <td>2014.07.14  15:30:21</td>
                                <td>已购票</td>
                            </tr> <tr>
                            	<td>1</td>
                                <td>陈华</td>
                                <td>1+1</td>
                                <td>2014.07.14  15:30:21</td>
                                <td>已购票</td>
                            </tr> <tr>
                            	<td>1</td>
                                <td>陈华</td>
                                <td>1+1</td>
                                <td>2014.07.14  15:30:21</td>
                                <td>已购票</td>
                            </tr> <tr>
                            	<td>1</td>
                                <td>陈华</td>
                                <td>1+1</td>
                                <td>2014.07.14  15:30:21</td>
                                <td>已购票</td>
                            </tr>
                            
                        </table>
                        <div class="page fr m10">
                            <span>第3/2000页</span>
                            <span>首页</span>
                            <span>上一页</span>
                            <span><a href="#">下一页</a></span>
                            <span><a href="#">末页</a></span>
                            <span>跳转到<input type="text" class="black_text mlr5">页</span>
                        </div>
                    </li>
                    <li>
                    	<table class="table">
                        	<tr>                                                   
                            	<th width="40">序号</th>
                                <th>儿童姓名</th>
                                <th>消费时间</th>
                                <th>消费金额</th>
                                <th>消费内容</th>
                            </tr>
                            <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>$500.0</td>
                                <td>玩耍</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>$500.0</td>
                                <td>玩耍</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>$500.0</td>
                                <td>玩耍</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>$500.0</td>
                                <td>玩耍</td>
                            </tr>
                           
                        </table>
                        <div class="page fr m10">
                            <span>第3/2000页</span>
                            <span>首页</span>
                            <span>上一页</span>
                            <span><a href="#">下一页</a></span>
                            <span><a href="#">末页</a></span>
                            <span>跳转到<input type="text" class="black_text mlr5">页</span>
                        </div>
                    </li>
                    <li>
                    	<table class="table">
                        	<tr>                                                   
                            	<th width="40">序号</th>
                                <th>儿童姓名</th>
                                <th>服务时间</th>
                                <th>服务内容</th>
                                <th>处理人</th>
                            </tr>
                            <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>派对玩</td>
                                <td>系统管理员</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>派对玩</td>
                                <td>系统管理员</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>派对玩</td>
                                <td>系统管理员</td>
                            </tr>
                             <tr>
                            	<td>1</td>
                                 <td>陈华</td>
                                <td>2014.07.14  13:35:00</td>
                                <td>派对玩</td>
                                <td>系统管理员</td>
                            </tr>
                        </table>
                        <div class="page fr m10">
                            <span>第3/2000页</span>
                            <span>首页</span>
                            <span>上一页</span>
                            <span><a href="#">下一页</a></span>
                            <span><a href="#">末页</a></span>
                            <span>跳转到<input type="text" class="black_text mlr5">页</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        <div class="btm_btn mt20">
        	<dl>
                <dd><input type="button" class="btn" value="返回" onClick="javascript:window.location.href='file_single.html'"></dd>
                <!--<dd><input type="button" class="btn" value="购票" onClick="javascript:window.location.href='membership_add1_dc.html'"></dd>-->
                <dd><input type="button" class="btn" value="购票" onClick="javascript:window.location.href='../membership/membership_add1.html'"></dd>
                <dd><input type="button" class="btn" value="退票" onClick="$('#ee').window('open')"></dd>
                <dd><input type="button" class="btn" value="购买会籍" onClick="javascript:window.location.href='membership_add_x_dc.html'"></dd>
                <dd><input type="button" class="btn" value="充值" onClick="$('#r').window('open')"></dd>
                <dd><input type="button" class="btn" value="退款" onClick="$('#e').window('open')"></dd>
               <!-- <dd><input type="button" class="btn" value="打印免责声明"></dd>-->
                <dd><input type="button" class="btn" value="上传免责声明" onClick="$('#b').window('open')"></dd>
                <dd><input type="button" class="btn" value="上传独玩免责声明" onClick="$('#g').window('open')"></dd>
                <dd><input type="button" class="btn" value="设为黑名单" onClick="$('#f').window('open')"></dd>
            </dl>
        </div>
    </div>
</div>

<!---弹出层--->
<div id="e" class="easyui-window" title="退款" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:600px; height:350px; position:relative;">

	<div class="file_single_tan">
    	<ul class="mt50">
        	<li><label>余额：</label>1100</li>
            <li><label>退款：</label><input type="text" class="iput_t" value="￥1100"></li>
            <li><label>订单总额：</label>-￥1100</li>
            <li><label style="padding-left:80px;"><input type="button" class="btn" value="退款"></label></li>
            
        </ul>
    </div>

    <div class="btm_btn btm_bg">
    	<dl>
            <dd><input type="button" class="btn" onClick="$('#e').window('close')" value="关闭"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->





<!---弹出层--->
<div id="t" class="easyui-window" title="上传" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c" style="margin-top:100px !important">
    	<h1>选择扫描文件：</h1>
        <p><input type="text" class="iput_t"><input type="button" class="btn ml10" value="浏览"><input type="button" class="btn ml10" value="上传"></p>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="javascript:alert('ok')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#t').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->

<!---弹出层--->
<div id="b" class="easyui-window" title="上传免责声明" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c" style="margin-top:100px !important">
    	<h1>选择扫描文件：</h1>
        <p><input type="text" class="iput_t"><input type="button" class="btn ml10" value="浏览"><input type="button" class="btn ml10" value="上传"></p>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="$('#b').window('close')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#b').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->

<!---弹出层--->
<div id="ee" class="easyui-window" title="退票" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:600px; height:350px; position:relative;">

	<div class="file_single_tan">
    	<ul class="mt50">
        	<li><label>单次票：</label>1+2</li>
            <li><label>退款：</label><input type="text" class="iput_t"></li>
            <li><label>订单总额：</label>-￥1000</li>
            <li><label><input type="button" class="btn" value="下单结算"></label></li>
            <!--<li><label><input type="button" class="btn" value="刷新付款结果"></label><input type="text" class="iput_t" placeholder="小票号"></li>-->
        </ul>
    </div>

    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="$('#ee').window('close')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#ee').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->

<!---弹出层--->
<div id="g" class="easyui-window" title="上传独玩免责声明" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c" style="margin-top:100px !important">
    	<h1>选择扫描文件：</h1>
        <p><input type="text" class="iput_t"><input type="button" class="btn ml10" value="浏览"><input type="button" class="btn ml10" value="上传"></p>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="$('#g').window('close')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#g').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->




<!---弹出层--->
<div id="j" class="easyui-window" title="停卡" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c" style="margin-top:30px !important">
    	<ul class="details_ul">
        	<li><label>停卡时间：</label><input type="text" class="iput_t w100"><span class="mlr5">至</span><input type="text" class="iput_t w100"></li>
            <li><label class="vt">停卡原因：</label><textarea class="textare" style="width:235px;"></textarea></li>
            <li><label>经理确认件：</label><input type="text" class="iput_t w150"><input type="button" class="btn ml10" value="上传"></li>
        </ul>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="javascript:alert('ok')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#j').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->


<!---弹出层--->
<div id="f" class="easyui-window" title="设为黑名单" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c" style="margin-top:30px !important">
    	<ul class="details_ul">
            <li><label class="vt">设为黑名单原因：</label><textarea class="textare" style="width:235px;"></textarea></li>
        </ul>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="$('#f').window('close')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#f').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->




<!---弹出层--->
<div id="r" class="easyui-window" title="充值" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:450px; height:250px; position:relative;">
	<div class="w360_c details_ul f16" >
    	<ul class="mt30">
        	<li><label>余额：</label>￥360</li>
            <li><label>充值：</label><input type="text" class="iput_t"></li>
            <li><label>订单总额：</label>￥3600</li>
            <li><label style="padding-left:40px;"></label><input type="button" class="btn" value="收款"></li>
        </ul>
    </div>
    <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onClick="$('#r').window('close')" value="关闭"></dd>
        </dl>
    </div>
</div>
<!---弹出层--->
<!---弹出层 外婆  妈妈--->
<div id="addf2" class="easyui-window" title="编辑信息" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:540px; height:350px;position:relative;">
		<div class="collection_l fixed">
        	<div class="collection_t ml10 fixed">
            	<div class="collection_contet mt20">
                	<div class="collection_img fl" style="width:146px !important;">
                    	<span class="collection_span">
                        	<i>23/06/2014</i>
                            <img class="colle_img" src="../../commonCss/images/15-1.png">
                        </span>
                    </div>
                    <div class="collection_text fl w200">
                    	<div class="fl">
                            <ul class="f14 details_ul">
                                <li>
                                <span class=" f16 color_red mr5">*</span>	
                                关系：
                                <div class=" uboxstyle_small">
                                    <select name="language_d" id="language_d">
                                        <option>妈妈</option>
                                        <option>爸爸</option>
                                        <option>爷爷</option>
                                        <option>奶奶</option>
                                        <option>外婆</option>
                                    </select>
                                </div>
                                </li>
                                <li>
                                <span class=" f16 color_red mr5">*</span>	
                                姓名：
                                	<input type="text" class="iput_t w82" value="李小璐" >
                                </li>
                                <li>
                                <span class=" f16 color_red mr5">*</span>	
                                电话：<input type="text" class="iput_t w82" value="12345678901" ></li>
                               <li>
                                
                               Email：<input type="text" class="iput_t w82" value="xiaolu.li@gmail.com" ></li>
                                <li><input type="checkbox"  >可消费余额<br>
                                <input type="checkbox"  >可接领
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="collection_text fl">
                	<a href="#" class="collection_add fr"><img src="../../commonCss/images/zhiwen_c.png"></a>
                </div>
            </div>
           
     <div class="btm_btn btm_bg">
    	<dl>
        	<dd><input type="button" class="btn" onclick="javascript:alert('ok')" value="确定"></dd>
            <dd><input type="button" class="btn" onclick="javascript:alert('ok')" value="取消"></dd>
        </dl>
    </div>
</div>
<!--  小朋友弹出层   -->

<div id="addfl" class="easyui-window" title="新增" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:640px; height:400px;position:relative;">
        <div class="collection_l fixed" style="width:100%">
        	<div class="collection_t ml10 fixed">
            	<div class="collection_contet mt20">
                	<div class="collection_img fl">
                    	<span class="collection_span">
                        	<!--<i>23/06/2014</i>-->
                            <img class="colle_img" src="../../commonCss/images/303.png" width="150" height="198">
                        </span>
                    
                    </div>
                    <div class="collection_text fl w300">
                    	<h2 class="fl"><span class=" f16 color_red mr5">*</span><input type="text" value="张奔" class="iput_t w100"></h2>
                            <ul class="ul_radio fl ml10 mt5 fixed">
                                <li><input type="checkbox">女</li>
                                <li><input type="checkbox">男</li>
                                <li><input type="checkbox">VIP</li>
                            </ul>
                           
                            <ul class="f14 mt20 details_ul fixed">
                                <li><a style="color:red; font-size:20px">*</a>生日:
<a class="customer_calendar_icon" href="#" onClick="WdatePicker({el:'d12'})"></a>
	            	 <input type="text"   id="d12" class="iput_t w100" onClick="WdatePicker()" ></li>
                                <li><a style="color:red; font-size:20px">*</a>国籍：<select>
                                	<option>中国</option>
                                    <option>美国</option>
                                </select></li>
                                
                                <li>会员号：88888888</li>
                                <li>
                                	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" checked="checked" > 可消费余额
                                </li>
                                <li>接领密码：<input type="password" class="iput_t w82" value="23/06/2014" ></li>
                               <li>重复密码：<input type="password" class="iput_t w82" value="23/06/2014" ></li>
                                <li><input type="checkbox" checked="checked" >单独游玩免责声明已签署</li>
                            </ul>
                       
                    </div>
                </div>
                <a href="membership_coll.html" class="collection_add fr"><img src="../../commonCss/images/zhiwen_c.png"></a>
            </div>
           
        </div>
                
        
        
        
        
        
        <div class="clear"></div>
     <div class="btm_btn mt30 btm_bg">
        <dl>
           <dd><input type="button" class="btn" onClick="$('#addfl').window('close')" value="确定"></dd>
            <dd><input type="button" class="btn" onClick="$('#addfl').window('close')" value="取消"></dd>
        </dl>
    </div>
</div>
</body>
</html>